<template>
  <div
    h-full
    w-full
    font-sans
    of-hidden
    flex
    view-transition-app
    transition
    duration-0
  >
    <NuxtLayout> </NuxtLayout>
    <div flex-1 of-y-auto pl-6 id="app-scroller">
      <NuxtPage />
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style>
html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
  background: #111;
  color: white;
  color-scheme: dark;
}
a {
  text-decoration: none; /* 去掉下划线 */
}

.hidden-scrollbar-x {
  overflow-x: auto; /* 允许横向滚动 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
}

.hidden-scrollbar-x::-webkit-scrollbar {
  display: none; /* Chrome、Safari 和 Opera */
}
.hidden-scrollbar-y {
  overflow-y: auto; /* 允许纵向滚动 */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
}

.hidden-scrollbar-y::-webkit-scrollbar {
  display: none; /* Chrome、Safari 和 Opera */
}
</style>
